<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        document   文档
        div 元素
        class id title => 属性(HTML属性  属性名="属性值") 写在标签内,和标签名以一个空格分隔的叫做属性
        文本
        注释
     -->

    <div class="one" id="demo" title="hello">123123123123</div>
</body>
<script>
    // DOM   => 文档对象模型 (Document Object Model)   -> 提供了操作文档的接口和方法

    // DOM操作 => 获取元素,操作元素(改变元素的内容 结构 样式 属性 绑定事件)

    // HTML DOM  是关于如何获取、修改、添加或删除 HTML 元素的标准 (操作html元素进行增删改查  改变元素的内容 结构 样式 属性 绑定事件  => DOM操作 )

    // DOM节点(了解)
    // 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
    // 整个文档是一个文档节点
    // 每个 HTML 元素是元素节点
    // HTML 元素内的文本是文本节点
    // 每个 HTML 属性是属性节点
    // 注释是注释节点
    // 注意:所有的节点都是对象类型

    // 节点树

    // 层级关系
    // 父节点
    // 子节点
    // 同胞节点
    // 根节点(html)    根节点没有父节点





</script>

</html>